<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div class="content" style="width: 1200px; margin: auto; margin-top: 40px;" th:fragment="thContnet">
  <div class="content1">
    <div class="content1-l">
      <el-carousel height="430px">
        <el-carousel-item v-for="item in 4" :key="item">
          <el-image :fit="fit" :src="src1">
          </el-image>
        </el-carousel-item>
      </el-carousel>
    </div>
    <div class="content1-r">
      <el-card class="box-card" shadow="never">
        <div slot="header" class="clearfix">
								<span
                    style="color: #303133;font-weight: bold; background: url(/img/title_left.jpg) no-repeat; padding-left: 10px;">热点关注</span>
          <el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
        </div>
        <div v-for="o in 5" :key="o" class="text item">
          <el-divider></el-divider>
          <h2
              style="font-weight: 400;display: block; overflow: hidden; text-overflow: ellipsis; height: 30px;line-height: 32px; font-size: 16px;white-space: nowrap; color: #000;">
            国家发改委副主任宁吉喆：乘势而上，巩固扩大经济恢复成果的说法是</h2>
          <p
              style="overflow: hidden; text-overflow: ellipsis; height: 30px;line-height: 32px; font-size: 14px;white-space: nowrap; color: #aaa;">
            今年以来，克服新冠肺炎疫情带来的不利影响，我国经济稳</p>
        </div>
      </el-card>
    </div>
  </div>
  <div style="width: 1200px; margin: auto; border-top: 2px solid #000; margin-top: 30px;">
    <template>
      <el-carousel :interval="4000" type="card" height="200px">
        <el-carousel-item v-for="item in 6" :key="item">
          <div class="content2-l-fix">
            <el-image style="width: 300px; height: 200px" :src="url" :fit="fit"></el-image>
            <div style="width: 290px; vertical-align: top;display: inline-block;">
              <h2
                  style="font-weight: 700;display: block; overflow: hidden; text-overflow: ellipsis; height: 30px;line-height: 32px; font-size: 15px;white-space: nowrap; color: #fff;">
                国家发改委副主任宁吉喆：乘势而上，巩固扩大经济恢复成果的说法是</h2>
              <p
                  style="overflow-y: hidden; height: 75px;line-height: 24px; font-size: 14px;color: #fff;display: block;margin-top: 20px;">
                来源：新浪财经文/新浪财经意见领袖专栏作家李湛、方鹏飞、尧艳珍一、海外经济及市场形势（一）美国经济前景仍面临变数，欧洲经济现复苏势头美国制造业PMI与非制造业PMI持续回升，但美国经济前景仍面临不小变数。美国7月I……
              </p>
            </div>
          </div>
        </el-carousel-item>
      </el-carousel>
    </template>
  </div>
  <div class="content2" style="width: 1200px; margin: auto; margin-top: 30px;">
    <div class="content2-l" style="width: 840px; display: inline-block; vertical-align: top;">
      <div v-for="o in 5" :key="o"
           style="width: 405px; display: inline-block; margin: 0px 15px 10px 0px;">
        <el-card class="box-card" shadow="never">
          <div slot="header">
									<span
                      style="color: #303133;font-weight: bold; background: url(/img/title_left.jpg) no-repeat; padding-left: 10px;">政策新闻</span>
            <el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
          </div>
          <div class="content2-l-fix">
            <el-image style="width: 150px; height: 100px" :src="url" :fit="fit"></el-image>
            <div style="width: 225px; vertical-align: top; margin-left: 10px; float: right;">
              <h2
                  style="font-weight: 700;display: block; overflow: hidden; text-overflow: ellipsis; height: 30px;line-height: 32px; font-size: 15px;white-space: nowrap; color: #666;">
                国家发改委副主任宁吉喆：乘势而上，巩固扩大经济恢复成果的说法是</h2>
              <p
                  style="overflow-y: hidden; height: 75px;line-height: 24px; font-size: 14px;color: #aaa;">
                来源：新浪财经文/新浪财经意见领袖专栏作家李湛、方鹏飞、尧艳珍一、海外经济及市场形势（一）美国经济前景仍面临变数，欧洲经济现复苏势头美国制造业PMI与非制造业PMI持续回升，但美国经济前景仍面临不小变数。美国7月I……
              </p>
            </div>
          </div>

          <div class="content2-l-news"
               style="width: 405px; margin-top: 20px;border-top: 1px dotted #c6c6c6; padding-top: 20px;">
            <div v-for="o in 5" :key="o" style="width: 385px;">
              <a
                  style="display: block; width: 385px;height: 35px;font-size: 15px; overflow: hidden; color: #666;white-space: nowrap;text-overflow: ellipsis;">国务院关于印发新时期促进集成电路产业和
                软件产业高质量发展若干政策的通知</a>
            </div>
          </div>
        </el-card>
      </div>
    </div>
    <div class="content2-r" style="width: 330px; margin-left: 20px; display: inline-block;">
      <div v-for="o in 5" :key="o" style="width: 330px;">
        <el-card class="box-card" shadow="never">
          <div slot="header">
									<span
                      style="color: #303133;font-weight: bold; background: url(/img/title_left.jpg) no-repeat; padding-left: 10px;">委员会动态</span>
            <el-button style="float: right; padding: 3px 0" type="text">查看更多</el-button>
          </div>
          <div v-for="o in 5" :key="o" style="width: 310px; height: 38px; line-height: 38px; ">
            <el-link :underline="false">国经济前景仍面临变数，欧洲经济现复苏势头美国制造业PMI与非制造业PMI持续回</el-link>
          </div>
        </el-card>
      </div>
    </div>
  </div>
</div>
</body>
</html>